<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
  </style>
</head>

<body>
<h2>一.迭代方法(every,filter,forEach,map,some)</h2>
<p>every() ：对数组中的每一项运行给定函数，如果该函数对每一项都返回 true ，则返回 true 。</p>
<p> some() ：对数组中的每一项运行给定函数，如果该函数对任一项返回 true ，则返回 true 。</p>
<p>filter() ：对数组中的每一项运行给定函数，返回该函数会返回 true 的项组成的数组。</p>
<p>forEach() ：对数组中的每一项运行给定函数。这个方法没有返回值。</p>
<p> map() ：对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。</p>
<p class="p1"></p>
<h2>二.归并方法(reduce,reduceRight)</h2>
<p>这两个方法都会迭代数组的所有项，然后构建一个最终返回的值。</p>
<p> reduce() 方法从数组的第一项开始，逐个遍历到最后</p>
<p> reduceRight() 则从数组的最后一项开始，向前遍历到第一项。</p>
<p class="p2"></p>
<h2>三.String(trim,toUpperCase,toLowerCase)</h2>
<p>ECMAScript 5 为所有字符串定义了 trim() 方法。这个方法会创建一个字符串的副本，删除前置及后缀的所有空格，然后返回结果。</p>
<p class="p3"></p>
<h2>四.location对象</h1>
<p><img src="./img/location.png" alt="" style="width:800px;height:400px;"></p>
</body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
// 一.迭代方法
let num = [1,2,3,4,5,4,3,2,1]
let everyNum = num.every((item,index,array)=>{
    return (item>3)
})
$('.p1').append('every：'+everyNum+'<br>')
let someNum = num.some((item,index,array)=>{
    return (item>3)
})
$('.p1').append('some：'+someNum+'<br>')
let filterNum = num.filter((item,index,array)=>{
    return (item>3)
})
$('.p1').append('filter：'+filterNum+'<br>')
let mapNum = num.map((item,index,array)=>{
    return (item*2)
})
$('.p1').append('map：'+mapNum+'<br>')
let forEachNum;
num.forEach((item,index,array)=>{
    forEachNum=array
})
$('.p1').append('foreach：'+forEachNum+'<br>')
// 二.归并方法
let num2 = [10,2,3,4,5]
let reduceNum = num2.reduce((prev,cur,index,array)=>{
    // console.log('prev:'+prev)
    // console.log('cur:'+cur)
    // console.log('index:'+index)
    // console.log('array:'+array)
    return prev+cur
})
$('.p2').append('reduce:'+reduceNum+'<br>')
let reduceRightNum = num2.reduceRight((prev,cur,index,array)=>{
    // console.log('prev:'+prev)
    // console.log('cur:'+cur)
    // console.log('index:'+index)
    // console.log('array:'+array)
    return prev+cur
})
$('.p2').append('reduce:'+reduceRightNum+'<br>')
// 三.String(trim)
let trimString = '    hello      '
$('.p3').append('<pre>'+trimString+'</pre><br>')
$('.p3').append('<pre>trim：'+trimString.trim()+'</pre><br>')
$('.p3').append('<pre>toUpperCase：'+trimString.toUpperCase()+'</pre><br>')
$('.p3').append('<pre>toLowerCase：'+trimString.toLowerCase()+'</pre><br>')

</script>
</html>